.app-container {
  padding: 10px 12px;
}

.search-container {
  padding: 18px 0 0 10px;
  margin-bottom: 10px;
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  border-radius: 4px;
  box-shadow: var(--el-box-shadow-light);

  .el-form .el-input.small {
    --el-input-width: 120px;
  }

  .el-form .el-input {
    --el-input-width: 170px;
  }

  .el-form .el-input.large {
    --el-input-width: 220px;
  }

  .el-form .el-select.small {
    --el-select-width: 120px;
  }

  .el-form .el-select {
    --el-select-width: 170px;
  }

  .el-form .el-select.large {
    --el-select-width: 220px;
  }
}

.table-container {
  width: 100%;
  background-color: white;
  padding: 12px 20px;
  border-radius: 4px;
  color: val(--el-text-color-primary);
  box-sizing: border-box;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  overflow: hidden;

  // .el-table__fixed-right {
  //   background-color: #fff;
  // }
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32 160 255);
  }
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}

// 去除 link 类型按钮聚焦时的边框
.el-button.is-link:focus-visible {
  outline: none;
}
